<template>
	<view class="page" v-if="config && homeData" style="height:100%">
		<userinfo :options="user_options" @getUserscope="getUserscope" @toLogin="getUserInfo"></userinfo>
		<scroll-view class="page-scroll" scroll-y="true" scroll-with-animation="true" :scroll-top="scrollTop" @scroll="pageScrollHandle"
		 @scrolltolower="pageToBottom" lower-threshold="50">
			<view>
				<!-- 
				<view>
					<view class="status-bar" :style="statusBarStyle + ' background:' + (showMainColor || showOtherHead || homeData.app_index_top_adver_big.length == 0 ? mobileHeadColor : '')"></view>
					<view class="navigation-bar" :style="navigationBarStyle + ' background:' + (showMainColor || showOtherHead || (homeData.app_index_top_adver_big && homeData.app_index_top_adver_big.length == 0) ? mobileHeadColor : '')">
						<view class="navigation" :style="navigationStyle">
							<view class="search-mask custom">
								<view class="flex flex-center seach-box">
									<navigator open-type="navigateBack" v-if="showBackIcon" class="back-icon"><text class="iconfont icon-arrow-left"></text></navigator>
									
									
									<navigator open-type="navigate" url="/pages/index/select_address" hover-class="none" :class="'address flex flex-center ' + ( config.config.open_multilingual == 1 ? 'show-all' : '' )">
										<text>{{config.city.area_name}}</text>
										<image src="../../static/images/arrow-bottom.png" class="img-xiala" mode="widthFix"></image>
									</navigator>
									
									
									<view class="search flex flex-center" style @tap="goUrl($event)" data-url="/pages/index/search" data-url_title="搜索">
										<text class="iconfont icon-sousuo1"></text>
										<lang keywords="搜一搜"></lang>
									</view>
									
									<image src="../../static/images/saoma.png" class="saoyisao icon-btn" style="width:19px;height:19px;" @click.stop="qrcodeBtn"></image>
									
									<image src="../../static/images/more.png" class="gengduo icon-btn mr5" @click.stop="clickShow" data-name="showMore"
									 v-if="homeData.plat_index_more_slider.length > 0"></image>
								</view>
							</view>
						</view>
						
						<view class="more-mask" :style="'top: ' + (navigationBarH - navigationBarTop) + 'px;'" :hidden="!showMore">
							<text class="iconfont icon-arr-top custom"></text>

							<view class="item rel border-b" v-for="(item, index) in homeData.plat_index_more_slider" :key="index">
								<image :src="item.pic" mode="widthFix"></image>{{item.name}}
								<form :report-submit="true" class="formidForm" @submit="goUrl($event)" :data-url="item.url" :data-url_title="item.name">
									<button formType="submit" class="formidBtn"></button>
								</form>
							</view>
						</view>
					</view>
					<view class="menu" :style="menuStyle"></view>
				</view>
				<view :style="'min-height: '+ navigationBarH +'px'" v-if="!showOtherHead">
					<view class="rel" v-if="homeData.app_index_top_adver_big && homeData.app_index_top_adver_big.length > 0">
						<swiper class="swiper" indicator-color="#eaeaea" :indicator-dots="homeData.app_index_top_adver_big.length > 1"
						 circular="true" autoplay="true" :style="'height:' + bannerBigH + 'px'">
							<swiper-item v-for="(item, index) in homeData.app_index_top_adver_big" :key="index" @tap="goUrl($event)" :data-url="item.url" :data-url_title="item.name">
								<image class="slide-image" :src="item.pic" lazy-load="true"></image>
							</swiper-item>
						</swiper>
						<view :class="'flex flex-center get-point ' + (userBuyAnim ? 'active' : '')" :style="userBuyStyle" v-if="userBuyInfo != ''">
							<image :src="userBuyInfo.avatar" lazy-load="true"></image>
							<text>{{userBuyInfo.nickname}}{{userBuyInfo.type_txt}}</text>
						</view>
					</view>
				</view> -->

				<!-- <image src="../../static/img/mf-home-top-bg.png"></image> -->

				<!-- 更多加号 -->
				<!-- <image src="../../static/images/more.png" class="gengduo icon-btn mr5" @click.stop="clickShow" data-name="showMore"
				 v-if="homeData.plat_index_more_slider.length > 0"></image> -->

				<block v-if="showOtherHead">
					<!-- <view  class="flex header-nav" :style="'background:' + mobileHeadColor + ';padding-top:' + (totalH*1 + 5) + 'px;'">
						<view class="item" v-for="(item, index) in homeData.app_index_top_btn_slider" :key="index" v-if="index < 4" @tap="goUrl($event)" :data-url="item.url" :data-url_title="item.name">
							<view>
								<image :src="item.pic" lazy-load="true"></image>
							</view>
							<view class="txt">{{item.name}}</view>
						</view>
					</view> -->

					<!-- m-头部 -->
					<view class="mf-home-header" :style="{backgroundImage:'url('+ mf_home_header +')'}">
						<view class="m-scroll-wrap" v-if="homeData.mobile_index_plat_news && homeData.news_list.length > 0" @tap="goUrl($event)"
						 data-url="url/Systemnews/index" data-url_title="平台快报">
							<swiper class="swiper" :vertical="vertical" :autoplay="homeData.news_list.length > 2" :interval="interval"
							 :duration="duration" :circular='circular'>
								<swiper-item v-for="(item, index) in homeData.news_list" :key="index">
									<text>{{item.title.length>9?item.title.slice(0,9)+'...':item.title}}</text>
								</swiper-item>
							</swiper>
						</view>



						<view class="m-control-wrap">
							<!-- logo -->
							<view class="mf-home-logo">
								<image :src="logo"></image>
							</view>
							<!-- 搜索框 -->
							<view class="m-search-wrap" style="display: flex;justify-items: center;" @tap="goUrl($event)" data-url="/pages/index/search"
							 data-url_title="搜索">
								<text class="m-search-icon iconfont icon-sousuo1"></text>
								<lang style="font-size:14px;line-height: 8.8vw; margin-left:1vw;" keywords="搜一搜"></lang>
							</view>
							<!-- 扫码 -->
							<image src="../../static/images/saoma.png" class="mf-saoma-btn saoyisao icon-btn" @click.stop="qrcodeBtn"></image>
							<!-- 选择城市 -->
							<navigator class="mf-home-area" open-type="navigate" url="/pages/index/select_address" hover-class="none">
								<view class="m-area">
									<text>{{config.city.area_name}}</text>
									<image src="../../static/images/mf-home-area-btn.png"></image>
								</view>
								<!-- <view class="m-weather">
									<text>{{ weatherMsg.text }}</text>
									<text>{{ weatherMsg.temp }}℃</text>
								</view> -->
							</navigator>
						</view>
					</view>

					<!-- m-头部轮播 -->
					<swiper v-if="homeData.app_index_top_adver_small.length > 0" style="width:96vw;margin:0 auto 3vw;" class="swiper swiper-special small"
					 indicator-active-color="#fe7405" indicator-color="#dcdcdc" :indicator-dots="homeData.app_index_top_adver_small.length > 1"
					 circular="true" autoplay="true">
						<swiper-item v-for="(item, index) in homeData.app_index_top_adver_small" :key="index" @tap="goUrl($event)"
						 :data-url="item.url" :data-url_title="item.name">
							<image :src="item.pic" lazy-load="true"></image>
						</swiper-item>
					</swiper>
				</block>


				<!-- m-菜单轮播 -->

				<!-- #ifdef H5 -->
				<swiper v-if="slider.length > 0" 
				class="mf-home-menu-swiper swiper swiper-type" 
				:style="'padding-bottom:'+(slider.length>1?18:4)+'vw;'+ (slider[0].length<=5?'height:21vw;':'height:44vw')"
				 :indicator-dots="slider.length > 1" indicator-active-color="#f60" indicator-color="#eaeaea">
					<swiper-item v-for="(sliderItem, index) in slider" :key="index">
						<view class="type-list clearfix">
							<view class="item" :class="{'mf-item-4':sliderItem.length<=8 && sliderItem.length !==5 }" v-for="(item, id) in sliderItem"
							 :key="id" @tap="goUrl($event)" :data-url="item.url" :data-url_title="item.name">
								<image :src="item.pic" :lazy-load="true"></image>
								<view class="desc">{{item.name}}</view>
								<view class="icon" :style="'background:' + item.mark_bg + ';'">{{item.mark_name}}</view>
							</view>
						</view>
					</swiper-item>
				</swiper>
				<!-- #endif -->

				<!-- #ifdef MP-WEIXIN -->
				<swiper v-if="slider.length > 0" class="mf-home-menu-swiper swiper swiper-type" 
				  style="padding-bottom:5vw" 
				  :style="'height:'+(slider.length>1?45:(slider[0].length<=5?19:40))+'vw'"
				 :indicator-dots="slider.length > 1" indicator-active-color="#f60" indicator-color="#eaeaea">
					<swiper-item v-for="(sliderItem, index) in slider" :key="index">
						<view class="type-list clearfix">
							<view class="item" :class="{'mf-item-4':sliderItem.length<=8 && sliderItem.length !==5 }" v-for="(item, id) in sliderItem" :key="id" @tap="goUrl($event)"
							 :data-url="item.url" :data-url_title="item.name">
								<image :src="item.pic" :lazy-load="true"></image>
								<view class="desc">{{item.name}}</view>
								<view class="icon" :style="'background:' + item.mark_bg + ';top:0'">{{item.mark_name}}</view>
							</view>
						</view>
					</swiper-item>
				</swiper>
				<!-- #endif -->

				<!-- mf-slider 广告位 -->
				<v-slider :sliderData="homeData" />

				<!-- 平台快报 -->
				<!-- <view class="news" v-if="homeData.mobile_index_plat_news && homeData.news_list.length > 0" @tap="goUrl($event)" data-url="url/Systemnews/index" data-url_title="平台快报">
					<image src="../../static/images/plat-news.png" mode="widthFix"></image>
					<swiper class="news-swiper" vertical="true" autoplay="true" circular="true">
						<swiper-item class="flex" v-for="(item, index) in homeData.news_list" :key="index">
							<text class="icon">{{item.cat_name}}</text>
							<text class="desc">{{item.title}}</text>
						</swiper-item>
					</swiper>
					|
					<lang style="margin-left:6px;" keywords="更多"></lang>
					<view class="news-mask"></view>
				</view> -->

				<!-- 优惠券立即领取 -->
				<view class="news get_coupon hide" v-if="homeData.entrance.dispaly == 1" @tap="goUrl($event)" :data-url="homeData.entrance.url"
				 :data-url_title="homeData.entrance.name">
					<image mode="widthFix" :src="homeData.entrance.img"></image>
					<view class="news-swiper">{{homeData.entrance.des}}</view>
					<lang class="btn" :keywords="homeData.entrance.name"></lang>
				</view>

				<view v-if="homeData.entrance.dispaly == 1" class="m-home-discount" @tap="goUrl($event)" :data-url="homeData.entrance.url"
				 :data-url_title="homeData.entrance.name"></view>

				<view class="gap"></view>

				<!-- 平铺四张小图 -->
				<!-- <view v-if="homeData.app_index_center_four_adver.length > 0">
					<four-pic v-if="homeData.app_index_center_four_show_type == '1'" @goUrl="goUrl" :type='homeData.app_index_center_four_show_type' :ads='homeData.app_index_center_four_adver'></four-pic>
					<view class="activity-box" v-else>
						<view  class="rel img" v-for="(item, index) in homeData.app_index_center_four_adver" :key="index" :style="'height:' + fourImgH + 'px;'" @tap="goUrl($event)" :data-url="item.url" :data-url_title="item.name">
							<image class="four-img" :src="item.pic" lazy-load="true"></image>
						</view>
					</view>
				</view> -->

				<!-- 中间小轮播 -->
				<!-- <swiper v-if="homeData.app_index_center_adver.length > 0" autoplay="true" circular="true" class="swiper swiper-special"
				 indicator-color="#eaeaea" :indicator-dots="homeData.app_index_center_adver.length > 1" :style="'height:calc(40rpx + ' + bannerCenterH + 'px);'">
					<swiper-item class="banner-center" v-for="(item, index) in homeData.app_index_center_adver" :key="index" @tap="goUrl($event)" :data-url="item.url" :data-url_title="item.name">
						<image :src="item.pic" mode="aspectFill" lazy-load="true"></image>
					</swiper-item>
				</swiper> -->

				<!-- 同城信息 -->
				<!-- <view class="city-info" v-if="homeData.zcategorys && homeData.zcategorys.length > 0">
					<view class="title">
						<text class="left" :style="'color:'+ mobileHeadColor">{{homeData.classify_name}}</text>
						<view class="right" @click="goUrl($event)" :data-url="homeData.classify_url" :data-url_title="homeData.classify_name">
							<lang keywords="更多"></lang>
							<text class="iconfont icon-jiantou"></text>
						</view>
					</view>
					
					<view class="area">
					    <view class="box">
							<view class="list">
								<view class="item" v-for="item in homeData.zcategorys">
									<view class="img-box"><image class="img" :src="item.cat_pic" mode=""></image></view>
									<view>{{item.cat_name}}</view>
									<form :report-submit="true" class="formidForm" @submit="goUrl($event)" :data-url="item.cat_url" :data-url_title="item.cat_name">
										<button formType="submit" class="formidBtn"></button>
									</form>
								</view>
							</view>
					    </view>
					</view>
				</view>
 -->
				<!-- 超值抢购 -->
				<!-- <block v-if="homeData.plat_buy_active_info.have">
					<view class="title-box">
						<text class="title" :style="'color:'+ mobileHeadColor">{{homeData.plat_buy_active_info.name}}</text>
						<view style="position: absolute;right: 40px;">
							<lang keywords="剩余"></lang>
							<view class="day-box" v-if="activityTime.day"><text class="time">{{activityTime.day}}</text>
								<lang keywords="天"></lang>
							</view>
							<text class="time">{{activityTime.hours}}</text>:
							<text class="time">{{activityTime.min}}</text>:
							<text class="time">{{activityTime.sec}}</text>
						</view>
						<navigator :url="'/pages/index/dicount_list?lng=' + lng + '&&lat=' + lat" hover-class="none" class="more">
							<lang keywords="更多"></lang>
							<text class="iconfont icon-jiantou"></text>
						</navigator>
					</view>
					
					<view class="flex flex-wrap goods-box" v-if="homeData.plat_buy_active_info.column_num == '3'">
						<view  class="goods-item" v-for="(item, index) in homeData.plat_buy_active_info.active_list" :key="index"  @tap="goUrl($event)" :data-url="item.active_link"
							 :data-url_title="item.active_name" :data-goodsid="item.id">
							<view class="img-box">
								<image class="activity-img" :style="'height:' + activityImgH + 'px;'" :src="item.active_img" mode="aspectFill"
								 lazy-load="true"></image>
								<text v-if="item.active_label != ''" class="icon">{{item.active_label}}</text>
							</view>
							<view class="name">{{item.active_name}}</view>
							<view class="desc">{{item.active_desc}}</view>
							<view class="price-box">
								{{currency + item.active_price}}
								<view class="old-price inline" v-if="item.old_price != item.active_price">
									{{currency + item.old_price}}
								</view>
							</view>
						</view>
					</view>
					
					<view v-else class="flex flex-wrap two-grid-coantainer">
						<view class="goods-card" v-for="(item, index) in homeData.plat_buy_active_info.active_list" :key="item.id" @tap="goUrl($event)" :data-url="item.active_link"
							 :data-url_title="item.active_name" :data-goodsid="item.id">
							<view class="goods-img-container">
								<image class="goods-img" :src="item.active_img" mode="aspectFill" lazy-load="true"></image>
							</view>
							<view class="goods-name text-padding text-ellipis">{{item.active_name}}</view>
							<view class="goods-desc text-padding text-ellipis">{{item.active_desc}}</view>
							<view class="goods-price text-padding">
								<text class="price">{{currency + item.active_price}}</text>
								<text class="old-price">{{currency + item.old_price}}</text>
							</view>
						</view>
					</view>
				</block> -->


				<!-- 五图广告 -->
				<!-- <block v-for="(list, index) in homeData.plat_five_adver_info" :key="index">

					<view class="title-box">
						<text class="title" :style="'color:'+ mobileHeadColor">{{list.group_name}}</text>
						<view class="more" v-if="list.group_link && list.group_link != ''">
							<lang keywords="更多"></lang>
							<text class="iconfont icon-jiantou"></text>
							<form :report-submit="true" class="formidForm" @submit="goUrl($event)" :data-url="list.group_link" :data-url_title="list.group_name">
								<button formType="submit" class="formidBtn"></button>
							</form>
						</view>
					</view>

					<view class="flex brand-box">
						<view class="rel brand-img">
							<image :style="'height:' + goodsItemH + 'px'" :src="list.group_pic" lazy-load="true"></image>
							<form :report-submit="true" class="formidForm" @submit="goUrl($event)" :data-url="list.group_pic_link">
								<button formType="submit" class="formidBtn"></button>
							</form>
						</view>

						<view class="goods-item" v-if="list.group_from == 1" v-for="(item, index2) in list.adver_list" :key="index2">
							<view class="img-box">
								<image :style="'height:' + goodsItemH + 'px'" :src="item.active_img" mode="aspectFill" lazy-load="true"></image>
							</view>
							<form :report-submit="true" class="formidForm" @submit="goUrl($event)" :data-url="item.active_link"
							 :data-url_title="item.active_name">
								<button formType="submit" class="formidBtn"></button>
							</form>
						</view>

						<view class="goods-item" v-if="list.group_from != 1" v-for="(item, index2) in list.adver_list" :key="index2">
							<view class="img-box">
								<image :style="'height:' + goodsItemImgH + 'px'" :src="item.active_img" lazy-load="true"></image>
							</view>
							<view class="name">{{item.active_name}}</view>
							<view class="desc">{{item.active_desc}}</view>
							<view class="price-box">
								{{currency + item.active_price}}
								<view class="old-price inline" v-if="item.active_price != item.old_price">
									{{currency + item.old_price}}
								</view>
							</view>
							<form :report-submit="true" class="formidForm" @submit="goUrl($event)" :data-url="item.active_link"
							 :data-url_title="item.active_name">
								<button formType="submit" class="formidBtn"></button>
							</form>
						</view>

					</view>

				</block>
 -->
				<!-- 猜你喜欢 -->
				<favouredStore :foodSortList='foodNearbySortList' ref="favouredStore" :location="locationInfo" :topH="totalH"
				 :title="homeData.index_guess_like_arr" @scrollListTop='scrollListTop' />
				<!-- 				<favouredStore v-if="showLikeBox && locationInfo" :foodSortList='foodNearbySortList' ref="favouredStore" :location="locationInfo" :topH="totalH" :title="homeData.index_guess_like_arr" @scrollListTop='scrollListTop' /> -->

			</view>
		</scroll-view>

		<!-- #ifdef MP-WEIXIN -->
		<official-account :class="'official-account ' + (showAccount ? 'active' : '')" :style="'bottom:' + (systemInfo.model == 'iPhone X' ? 164 :98) + 'rpx;'"
		 @load="account_load"></official-account>
		<!-- #endif -->

		<view :class="'switch-btn-wrapper ' + (showSwitchBtn ? '' : 'active')" @click.stop="switchHeader" :hidden="!config.config.is_demo_domain">
			<view class="switch-btn" v-show="!showOtherHead">
				<lang keywords="清新版"></lang>
				<text class="iconfont icon-right"></text>
			</view>
			<view class="switch-btn" v-show="showOtherHead" @click.stop="switchHeader">
				<lang keywords="标准版"></lang>
				<text class="iconfont icon-left"></text>
			</view>
		</view>

		<!-- #ifdef MP-WEIXIN -->
		<!-- 开门按钮及弹窗 -->
		<button formType="submit" class="openDorBox" style="z-index:19;" @tap="openDoor" v-if="config.house.house_door && (config.house.show_open_door_btn == '1' || doorList.length > 0)"></button>

		<view id="dialogs" :style="'display:' + (closeDoll ? 'block' : 'none') + ';'">
			<view class="js_dialog" id="androidDialog1" style="opacity: 1;">
				<view class="weui-mask"></view>
				<view class="weui-dialog weui-skin_android weui-dialog-active" style="border-radius:5px;">
					<view class="weui-dialog__bd">
						<view :style="'max-height:' + bgHeight + 'px;overflow:hidden'" @tap="goUrl($event)" :data-url="openDoll.url"
						 :data-nums="openDoll.id">
							<image :src="openDoll.ios_pic_b" mode="widthFix" class="slide-image" style="width:100%;"></image>
						</view>
					</view>
					<view class="weui-dialog__ft no_border">
						<view class="weui-dialog__btn weui-dialog__btn_primary flex" style="font-size:18px;justify-content:center">
							<image src="../../static/images/open_success.png" style="width:20px;height:20px;border-radius:50%;margin-right:2px"></image>
							<view style="color:#000">
								<lang keywords="开门成功!"></lang>
							</view>
						</view>
						<view class="weui-dialog__btn weui-dialog__btn_primary" style="font-size:12px;color:#999">{{openDoll.open_lottery_txt}}</view>
					</view>
				</view>
			</view>
		</view>
		<!-- #endif -->

		<view class="mask" style="height:100%;" :hidden="couponList.length === 0 || !showCoupon">
			<view class="coupon-box">
				<image class="top-img" src="https://hf.pigcms.com/static/new_shop/sn_coupon11.png" mode="widthFix"></image>
				<view class="detail">
					<scroll-view class="ticket" :style="'height:' + imageHeight.ticket + 'px'" scroll-y="true">
						<view class="item" v-for="(item, index) in couponList" :key="index">
							<image src="https://hf.pigcms.com/static/new_shop/sn_coupon2.png" mode="widthFix" id="ticketItem"></image>
							<view class="desc">
								<view class="num">
									<view class="red">{{item.title_money}}</view>
									<view class="font12">{{item.title_des}}</view>
								</view>
								<view class="limit">
									<view>{{item.name}}</view>
									<view class="font12 red">{{item.days}}</view>
								</view>
							</view>
						</view>
					</scroll-view>
					<button @click.stop="closeMask">
						<lang keywords="去下单"></lang>
					</button>
				</view>

				<view class="close-icon">
					<text class="iconfont icon-cha" @click.stop="closeMask"></text>
				</view>
			</view>
		</view>
		<transition name="hotpack">
			<HotPack v-if="showHotpack" :hotpackList="hotpackList" 
				@closeHotpack="closeHp" @getCoupons="getCoupons"/>
		</transition>
	</view>
</template>

<script>
	import {
		mf_home_header
	} from './m-base64.js'
	import HotPack from './hotpack.vue'
	import vSlider from './mf_home_slider.vue'
	import common from "../../utils/common.js"
	var head = require('../../utils/customHead.js');
	var door = require('../../utils/door.js');
	import favouredStore from '../../appComponent/platcommon/favoured-store.vue'
	import fourPic from '../../appComponent/indexPage/four-pic-adver.vue'
	import {
		changeUploadImgUrlToOss
	} from '../../utils/mf.js'
	var _this
	var app = getApp()
	var systemInfo = wx.getSystemInfoSync();
	export default {
		data() {
			return {
				uid:'',
				// base64
				mf_home_header,
				// 快报
				showHotpack:false,
				hotpackList:[],
				indicatorDots: false,
				autoplay: true,
				interval: 2000,
				duration: 500,
				vertical: true,
				circular: true,
				// logo
				logo: '',
				// 头部点击更多按钮
				showMore: false,
				// 是否显示4个按钮版导航
				showOtherHead: false,
				// 头部是否显示主颜色
				showMainColor: false,
				// 是否显示导航切换按钮
				showSwitchBtn: true,
				// 主颜色
				mobileHeadColor: '#fe7501',
				// 是否显示优惠券
				showCoupon: true,
				sliderH: '',
				// 导航数据
				slider: [],
				// 页面上半部分 广告数据
				homeData: '',
				// 调用授权登录弹窗
				user_options: {},
				userInfo: {},
				fourImgH: 0,
				goodsItemH: 0,
				goodsItemImgH: 0,
				activityImgH: 0,
				systemInfo: systemInfo,
				// 优惠券列表
				couponList: [],
				// 超值抢购的剩余时间
				activityTime: {},
				shopList: [],
				page: 1,
				pageLoading: false,
				pageComplete: false,
				statusBarStyle: '',
				navigationBarStyle: '',
				navigationStyle: '',
				menuStyle: '',
				// 状态栏高度
				statusBarH: 0,
				// 导航栏高度
				navigationBarH: 0,
				// 头部大轮播高度 338*640
				bannerSmallH: 78,
				// 头部小轮播高度 150*688
				bannerBigH: 198,
				// 中间轮播高度 696*181
				bannerCenterH: 93,
				// 店铺列表
				shopList: [],
				totalH: 0,
				imageHeight: {},
				bgHeight: 0,
				userBuyAnim: true,
				config: '',
				check_adress: false,
				userBuyStyle: '',
				doorList: [],
				navigationBarTop: '',
				showAccount: false,
				showLikeBox: true,
				tabbar: '',
				scrollTop: 0,
				currency: '¥',
				locationInfo: {},
				userBuyInfo: '',
				// 附近好菜二级分类
				foodNearbySortList: [],
				longitude:'125.65',
				latitude:'43.52',
				weatherMsg:{
					temp:'20',
					text:'晴'
				},
				weatherMsgObj:'',
			}
		},
		props: [
			"options",
			"showBackIcon",
			"openDoll",
			"scrollToTop"
		],
		watch: {
			scrollToTop(val) {
				console.log('是否回到顶部', val)

				if (val) {
					let _this = this
					this.scrollTop = this.scroll_top
					setTimeout(function() {
						console.log('是否回到顶部', _this.scrollTop)
						_this.scrollTop = 0
						console.log('是否回到顶部', _this.scrollTop)
						_this.$emit('setTabbar', {
							returnTop: false
						})
					}, 100)

				}
			}
		},
		components: {
			HotPack,
			vSlider,
			favouredStore,
			fourPic
		},
		mounted() {
			// 获取uid
			this.getUid()
			
			// 显示首页红包
			setTimeout(()=>{
				// 获取首页红包列表
				this.getHotpackList()
			},2000)
			
			// 获取天气信息
			this.getWeather()
			_this = this
			
			common.getConfig(function(data) {
				_this.config = data
				getLocation();
				_this.$nextTick(() => {
					getHomeInfo();
				})
			})
			if (!app.globalData.haveHomePage) {
				return;
			}
			
			if (!app.globalData.userInfo && !_this.options.no_auth) {
				// 判断是否有用户信息权限

				_this.user_options = {
					toLogin: true,
					codeLogin: true
				};
			} else {
				getCoupon();
			}

			systemInfo = wx.getSystemInfoSync();
			console.log('systemInfo', systemInfo);
			_this.banner_height = (systemInfo.windowWidth * 238) / 640;
			_this.bgHeight = (systemInfo.windowWidth * 0.9 * 353) / 506;
			_this.statusBarStyle = head.getStatusBarStyle(_this, systemInfo);
			_this.navigationBarStyle = head.getNavigationBarStyle(_this, systemInfo);
			_this.navigationStyle = head.getNavigationStyle(_this, systemInfo);
			_this.menuStyle = head.getMenuStyle(_this, systemInfo);
			_this.bannerBigH = (systemInfo.windowWidth * 338) / 640;
			_this.check_adress = _this.options.check_adress ? true : false;

			//门禁缓存
			var doorList = wx.getStorageSync('user_door_list');
			if (doorList) {
				_this.doorList = doorList;
			}

			// #ifdef H5
			if (app.globalData.tabBar) {
				_this.tabbar = app.globalData.tabBar
				_this.tabbar.list[0].showTop = false
				_this.$emit('setTabbar', {
					tabbar: _this.tabbar
				})

			}
			// #endif

			common.changeCurrency(this)

			uni.$on('pageShow', function(data) {
				console.log('监听到事件来自 pageShow', data);
				if (data > 1) {
					_this.pageShowHandle()
				}
			})
		},
		methods: {
			getUid(){
				// #ifdef H5
				try {
				    const packapp_user = uni.getStorageSync('packapp_user');
				    if (packapp_user) {
						const uid = JSON.parse(packapp_user).uid
						if(uid){
							this.uid = uid
						}
				    }
				} catch (e) {
				    // error
					console.log('error')
				}
				// #endif
				
				// #ifdef MP-WEIXIN
				
				uni.getStorage({
				   key: 'openId',
					success: function (res) {
						const openId = res.data
						if(openId){
							_this.getUidByOpenId(openId)			
						}
					}
				})
				
				// #endif
				
			},
			getUidByOpenId(openid){
				uni.request({
				    url: 'https://www.jlmkkj.com/appapi.php?c=Mf&a=geUidByOpenid',
					data:{
						openid
					},
				    success: (res) => {
						if(res && res.data && res.data.result){
							const uid = res.data.result[0]['uid']
							this.uid = uid
						}
				    }
				});
				
			},
			
			getCouponRequest(coupon_id){
				uni.request({
				    url: 'https://www.jlmkkj.com/appapi.php?c=Special&a=had_pull',
					data:{
						uid:this.uid,
						coupon_id
					},
				    success: (res) => {
						if(res.data.errorCode===0){
							let ret = res.data.result
							console.log('领取优惠卷'+ ret.msg)
							this.getHotpackList()
						}
				    }
				});
			},
			
			getCoupons(coupon_id){
				if(this.uid){
					this.getCouponRequest(coupon_id)
				}else{
					uni.switchTab({
						url: '/pages/plat_menu/my'
					});
				}
			},
			getHotpackList(){
				uni.request({
				    url: 'https://www.jlmkkj.com/appapi.php?c=Special&a=getSpecialHotpack',
					data:{
						uid:this.uid,
					},
				    success: (res) => {
						if(res.data.errorCode===0){
							let ret = res.data.result
							if(ret.status==='1'){
								this.showHotpack = true
								this.hotpackList = ret.couponArr
							}
						}
				    }
				});
				
				
			},
			closeHp(){
				// console.log('关闭首页红包')
				this.showHotpack = false
			},
			getWeather(){
				// 获取经纬度
				uni.getLocation({
					type:'wgs84',
					success:(res)=> {
						const {longitude,latitude} = res
						this.longitude = longitude
						this.latitude = latitude
					}
				})
					
				const location = this.longitude +','+ this.latitude 
				let url = 'https://api.qweather.com/v7/weather/now'
				url += '?key=7f6fdb5210d0428499ebad76d4367ced&location=' + location
			
			
				// 获取天气信息
				uni.request({
					url,
					success:res=>{
						const weatherMsg = {
							temp:res.data.now.temp,
							text:res.data.now.text
						}
						this.weatherMsg = weatherMsg
						
						uni.setStorage({
							key:"mf_weather",
							data:JSON.stringify(weatherMsg)
						})
					}
				})
			},
			scrollListTop(value) {
				// alert(value)
				// _this.scroll_top = value
				_this.scrollTop = value
				console.log(22222, _this.scrollTop)
			},
			pageShowHandle() {
				/*判断城市区域有没有变，以城市名称来定*/
				this.config = wx.getStorageSync('wxapp_config');

				if (this.config.many_city) {
					var now_city_info = wx.getStorageSync('now_city_info');
					console.log('now_city_info', now_city_info);
					var config = this.config;

					if (config.city && now_city_info && now_city_info.area_id != config.city.area_id) {
						console.log('config.city', config.city); //新版
						console.log('now_city_info123', now_city_info);
						var oldAreaId = config.city.top_area_id;
						config.city.area_id = now_city_info.area_id;
						config.city.area_name = now_city_info.area_name;
						config.city.top_city.area_id = now_city_info.top_area_id;
						config.city.top_city.area_name = now_city_info.top_area_name;
						config.city.top_area_id = now_city_info.top_area_id;
						console.log('config', config);

						app.globalData.config = _this.config = config;
						wx.setStorageSync('wxapp_config', config);

						if (oldAreaId != now_city_info.top_area_id) {
							_this.showLikeBox = false
							getHomeInfo();
						}
					}

					if (now_city_info) {
						wx.removeStorageSync('now_city_info');
					}
				}
			},
			account_load: function(e) {
				console.log('99999999999999account_load组件加载成功', e);
				var userInfoTimer = setInterval(function() {
					if (_this.userInfo && _this.userInfo.is_follow) {
						console.log('获取到用户登录信息并清除定时器', _this.userInfo);
						clearInterval(userInfoTimer);

						if (_this.userInfo.is_follow == 1) {
							_this.showAccount = false
						} else {
							_this.account_height = 84,
								_this.showAccount = true
						}
					}
				}, 200);
			},
			getUserInfo(e) {
				if (e.userInfo) {
					_this.userInfo = e.userInfo
					_this.openId = e.userInfo.openid
					_this.house_position = app.globalData.config.config.house_position
					//openId=userInfo.openid;
					// 判断小程序场景值，1044 为转发场景，包含shareTicket 参数
					// wx.setStorageSync('openId',opt.openId);

					if (app.globalData.scene == 1044 || app.globalData.scene == 1007) {
						var obj = {
							spread_openid: _this.options.openId,
							now_user_openid: e.userInfo.wxapp_openid,
							code: wx.getStorageSync('code'),
							type: _this.options
						};
						common.post('Home&a=wxapp_openid', obj, data => {});
					}
					// 优惠券
					getCoupon();
				}
			},

			getUserscope(e) {
				if (e.detail.userInfo) {
					_this.userInfo = e.detail.userInfo
					// 优惠券
					getCoupon();
				}
			},
			// 筛选菜单关闭
			closeMask() {
				_this.showCoupon = false
			},
			// 切换头部
			switchHeader() {
				_this.showOtherHead = !_this.showOtherHead
				uni.createSelectorQuery().selectViewport().scrollOffset(function(res) {
					if (res.scrollTop == 0 && !_this.showOtherHead) {
						_this.showMainColor = false
					}
				}).exec();
				uni.pageScrollTo({
					scrollTop: 0,
					duration: 300
				});
			},
			// 页面跳转
			goUrl: function(e) {
				console.log(e);

				if (e.type == 'submit') {
					common.upFormid(e);
				}

				if (e.currentTarget.dataset.goodsid) {
					// 超值抢购商品点击上报
					goodsReport(e.currentTarget.dataset.goodsid);
				}

				var nums = e.currentTarget.dataset.nums;
				var pageTitle = e.currentTarget.dataset.url_title ? e.currentTarget.dataset.url_title : '';
				var url = e.currentTarget.dataset.url;

				if (nums) {
					common.post('Login&a=house_adver_click', {
						adver_id: nums
					}, function(e) {
						common.parseUrl(url, '', false, pageTitle);
					});
				} else if (url == '/pages/index/search') {
					wx.navigateTo({
						url
					})
				} else {
					common.parseUrl(url, '', false, pageTitle);
				}

				if (_this.showMore) {
					_this.showMore = false
				}
			},

			//开门按钮
			openDoor(e) {
				uni.showLoading({
					title: common.changeTxt('加载中')
				});

				if (app.globalData.userInfo) {
					door.openIngDoor(_this, e, true);
				} else {
					_this.user_options = {
						toLogin: true
					}

					uni.hideLoading();
				}
			},
			clickShow(e) {
				var name = e.currentTarget.dataset.name;
				_this[name] = !_this[name]
			},
			pageToBottom() {
				if (_this.$refs.favouredStore) {
					_this.$refs.favouredStore.updateShopList()
				}
			},
			pageScrollHandle(e) {
				_this.scroll_top = e.detail.scrollTop;
				if (!_this.tabbar && !_this.showBackIcon) {
					_this.tabbar = app.globalData.tabBar
				}
				console.log('_this.scroll_top', _this.scroll_top);
				if (_this.scroll_top >= _this.bannerBigH - _this.totalH) {

					if (!_this.showMainColor && !_this.showOtherHead) {
						_this.showMainColor = true
					}
					if (!_this.showBackIcon && _this.tabbar && !_this.tabbar.list[0].showTop) {

						var pagePath = _this.tabbar.list[0].pagePath;
						_this.tabbar.list[0].showTop = true;

						for (let i in _this.tabbar.list) {
							_this.tabbar.list[i].selected = false;
							_this.tabbar.list[i].pagePath == pagePath && (_this.tabbar.list[i].selected = true);
						}
						console.log('底部自定义导航1', _this.tabbar);
						_this.$emit('setTabbar', {
							tabbar: _this.tabbar
						})
					}
				} else {
					if (_this.showMainColor && !_this.showOtherHead) {
						_this.showMainColor = false
					}

					if (!_this.showBackIcon && _this.tabbar && _this.tabbar.list[0].showTop) {
						delete _this.tabbar.list[0].showTop;
						var pagePath = _this.tabbar.list[0].pagePath;

						for (let i in _this.tabbar.list) {
							_this.tabbar.list[i].selected = false;
							_this.tabbar.list[i].pagePath == pagePath && (_this.tabbar.list[i].selected = true);
						}
						console.log('底部自定义导航2', _this.tabbar);
						_this.$emit('setTabbar', {
							tabbar: _this.tabbar
						})
					}
				}

				if (_this.scroll_top >= _this.bannerBigH - _this.totalH - 50) {
					if (_this.userBuyStyle == '') {
						_this.userBuyStyle = `top:${_this.totalH + 5}px;position:fixed;bottom:auto;`
					}
				} else {
					if (_this.userBuyStyle != '') {
						_this.userBuyStyle = ''
					}
				}

				if (_this.showMore) {
					_this.showMore = false
				}

				if (_this.showSwitchBtn) {
					_this.showSwitchBtn = false
				}

				setTimeout(() => {
					if (_this.scroll_top == e.detail.scrollTop) {
						_this.showSwitchBtn = true
					}
				}, 500);
				_this.$nextTick(function() {
					if (_this.$refs.favouredStore) {
						_this.$refs.favouredStore.scrollHandle(e)
					}
				})

			},

			// 扫一扫
			qrcodeBtn() {
				// #ifdef H5
				if (common.$checkPlat.checkWeixin()) {
					common.jweixin.scanQRCode({
						desc: 'scanQRCode desc',
						needResult: 0,
						scanType: ["qrCode"],
						success: function(res) {
							// alert(res);
						},
						error: function(res) {
							console.log('点击了扫一扫222', common.jweixin.scanQRCode)
							uni.showToast({
								title: common.changeTxt('微信返回错误，请稍后重试！'),
								icon: 'none',
								duration: 2000
							});
						},
						fail: function(res) {
							uni.showToast({
								title: common.changeTxt('微信返回错误，请稍后重试！'),
								icon: 'none',
								duration: 2000
							});
						}
					})
				} else {
					uni.showToast({
						title: common.changeTxt('当前环境不支持扫码'),
						icon: 'none',
						duration: 2000
					});
				}

				// #endif

				// #ifdef MP-WEIXIN || MP-ALIPAY
				wx.scanCode({
					success: res => {
						console.log(res);
						if (res.path) {
							wx.navigateTo({
								url: path
							});
						} else if (res.result.indexOf('http://') === 0 || res.result.indexOf('https://') === 0) {
							common.parseUrl(res.result, '', false, '');
						} else if (res.result.length == 13) {
							common.parseGoodBarcode(res.result);
						} else {
							wx.showModal({
								title: common.changeTxt('扫码的内容'),
								content: res.result,
								showCancel: false
							});
						}
					},
					fail: res => {
						if (res.errMsg == 'scanCode:fail cancel') {
							return false;
						}

						wx.showModal({
							title: common.changeTxt('错误提示'),
							content: res.errMsg,
							showCancel: false
						});
					}
				});
				// #endif
			},

		}
	}

	// 优惠券
	const getCoupon = () => {
		wx.getStorage({
			key: 'ticket',
			success: () => {
				common.post('Home&a=rand_coupon', {}, data => {
					console.log('优惠券', data);

					if (data.coupon.length > 0) {
						// 获取优惠券的高度
						var length = data.coupon_count;

						if (length > 3) {
							length = 3;
							_this.imageHeight.ticket = ((systemInfo.windowWidth * 0.8 * 0.9 * 150) / 536) * length + length * 10 + 10;
						} else {
							_this.imageHeight.ticket = ((systemInfo.windowWidth * 0.8 * 0.9 * 150) / 536) * length + length * 10;
						}

						_this.couponList = data.coupon;
					}
				});
			}
		});
	};


	const getHomeInfo = () => {
		try {


			common.post('Home&a=index_version_two', {}, data => {
				// m-20-11-2 首页中间四个小图的广告位，如果后台设置的是三个，显示两个，其他正常
				if (data) {
					if(data.app_index_center_four_adver.length===3){
						data.app_index_center_four_adver = data.app_index_center_four_adver.slice(0,2)
					}
					// logo
					if (data.logo && data.logo.value) {
						// https://jlmkkj.oss-accelerate.aliyuncs.com/upload/config/000/000/001/5edf89cea2633376.png
						// https://www.jlmkkj.com/upload/config/000/000/001/5edf89cea2633376.png
						const logo = changeUploadImgUrlToOss(data.logo.value)
						_this.logo = logo
					}
					// 附近好菜分类
					if (data.shop_goods_sort_list) {
						_this.foodNearbySortList = data.shop_goods_sort_list;
						// 模拟数据
						// for(let i = 80; i<90;i++) {
						// 	_this.foodNearbySortList.push({
						// 		sort_id: i,
						// 		selected: 0,
						// 		sort_name: 'test'
						// 	})
						// }
						_this.foodNearbySortList.map(item => {
							item.selected = '0'
						})
						// 模拟多数据
						// for(let i=0;i<5;i++) {
						// 	_this.foodNearbySortList = [..._this.foodNearbySortList,...data.shop_goods_sort_list]
						// }
					}
					if (data.plat_buy_active_info.have) {
						countDown(data.plat_buy_active_info.end_time);
					}
					if (data.mobile_index_tpl == 'default') {
						_this.showOtherHead = true;
					}
					var slider = [];

					//#ifdef MP-WEIXIN || MP-ALIPAY
					var sliderH = 'height:calc(188rpx + 42px);';
					//#endif

					//#ifdef H5
					var sliderH = 'height:calc(208rpx + 46px);';
					//#endif

					var n = parseInt(data.slider.length / 10);

					if (n == 0) {
						slider[0] = data.slider.slice(0);
					} else {
						for (var i = 0; i < n; i++) {
							slider[i] = data.slider.slice(i * 10, (i + 1) * 10);

							if (i + 1 == n && n * 10 < data.slider.length) {
								slider[n] = data.slider.slice(n * 10);
							}
						}
					}

					if (data.slider.length == 0) {
						sliderH = 'height:0;padding-top:0;';
					} else if (data.slider.length <= 5) {
						sliderH = 'height:calc(94rpx + 17px);';
					} else if (data.slider.length <= 10) {
						sliderH = 'height:calc(188rpx + 34px);';
					}

					if (!_this.showOtherHead) {
						sliderH = sliderH + 'padding-top:16rpx;';
					}

					var scale = systemInfo.windowWidth / 750;
					var width1 = systemInfo.windowWidth - scale * 40;
					var width2 = (width1 - 40 * scale) * 0.3333;

					_this.slider = slider
					_this.sliderH = sliderH
					_this.homeData = data
					let aListLength
					if (data.plat_buy_active_info.active_list) {
						aListLength = data.plat_buy_active_info.active_list.length;
					}
					if (data.plat_buy_active_info.column_num == 3) { // 一行三列
						if (aListLength > 3) {
							_this.homeData.plat_buy_active_info.active_list = data.plat_buy_active_info.active_list.slice(0, 3);
						}
					} else { // 一行两列
						// row_num 最多展示几行
						let showNum = data.plat_buy_active_info.row_num * 2; // 展示个数
						if (aListLength > showNum) {
							_this.homeData.plat_buy_active_info.active_list = data.plat_buy_active_info.active_list.slice(0, showNum);
						}
					}
					_this.bannerSmallH = (width1 * 150) / 688
					_this.bannerCenterH = (width1 * 150) / 690
					_this.fourImgH = (width1 * 0.23 * 105) / 160
					_this.goodsItemH = (width2 * 343) / 223
					_this.goodsItemImgH = width2
					_this.activityImgH = width2

					if (data.index_guess_like_arr && data.index_guess_like_arr.length > 0) {
						_this.showLikeBox = true
					}

					if (data.scroll_msg.length > 0) {
						_this.userBuyInfo = data.scroll_msg[0]

						setTimeout(() => {
							_this.userBuyAnim = false
							_this.userBuyInfo = ''

							setUserBuy(1, data.scroll_msg);
						}, 5000);
					}
					// #ifdef H5
					if (data.share_data) {
						setWxShare()
						uni.setStorageSync('index_share_data', JSON.stringify(data.share_data))
						if (data.share_data.site_name) {
							uni.setNavigationBarTitle({
								title: data.share_data.site_name
							})
						}
					}
					// #endif
				}
			});
		} catch (e) {
			//TODO handle the exception
			console.log('首页接口', e)
		}
	};
	// 超值抢购倒计时
	const countDown = s => {
		_this.activityTime = timestampToTime(s);

		if (s == 0) {
			return;
		}

		setTimeout(() => {
			s--;
			countDown(s);
		}, 1000);
	};
	// 时间转换
	const timestampToTime = s => {
		var day = Math.floor(s / 3600 / 24);
		var hours = Math.floor((s / 3600) % 24);
		var min = Math.floor(s / 60) % 60;
		var sec = s % 60;
		hours = add(hours);
		min = add(min);
		sec = add(sec);
		return {
			day,
			hours,
			min,
			sec
		};
	};
	// 添 0
	function add(m) {
		return m < 10 ? '0' + m : m;
	}
	const setUserBuy = (num, msg) => {
		setTimeout(() => {
			if (num < msg.length) {
				_this.userBuyInfo = msg[num]
				_this.userBuyAnim = true

				setTimeout(() => {
					_this.userBuyAnim = false
					_this.userBuyInfo = ''

					num++;
					setUserBuy(num, msg);
				}, 5000);
			} else {
				_this.userBuyInfo = ''
			}
		}, 2000);
	};

	// 超值抢购商品点击上报
	const goodsReport = id => {
		common.post('Home&a=plat_buy_active_up', {
			id: id,
			noTip: true
		}, data => {});
	};

	const getLocation = () => {
		uni.showLoading()
		var map_type = 'baidu';

		if (_this.config.config.map_config == 'google') {
			map_type = 'wgs84';
		}

		common.locationFun(res => {
			console.log('getLocation完成', res)

			// #ifdef MP-WEIXIN
			console.log('获取位置' + app.globalData.door_share_id);
			//获取门禁列表
			door.getDoorList(_this);
			// #endif
			_this.getLikeComplete = true;

			if (res) {
				if (!res.lng) {
					res.lng = 0;
					res.lat = 0;
				}
				_this.lng = res.lng;
				_this.lat = res.lat;
				_this.locationInfo = {
					lng: res.lng,
					lat: res.lat
				}
				uni.hideLoading()
				// 请求区县数据
				if (!_this.check_adress && (_this.lng != 0 || _this.lat != 0)) {
					common.post('Config&a=getLocationCity', {
							lng: res.lng,
							lat: res.lat,
							noTip: true
						},
						data => {
							var now_city_info = wx.getStorageSync('now_city_info');

							if (now_city_info == '') {
								now_city_info = {
									city_name: data.area_name,
									city_url: data.area_id
								};
							}

							var config = wx.getStorageSync('wxapp_config');
							var oldAreaId = '';

							if (config.city) {
								oldAreaId = config.city.top_city ? config.city.top_city.area_id : config.city.area_id;
								config.city.area_id = data.area_id;
								config.city.area_name = data.area_name;

								if (data.top_area_id) {
									config.city.top_area_id = data.top_area_id;
								}

								if (!config.city.top_city) {
									config.city.top_city = {};
								}

								config.city.top_city.area_id = data.top_area_id ? data.top_area_id : data.area_id;
								config.city.top_city.area_name = data.top_area_name ? data.top_area_name : data.area_name;
							}

							_this.config = config;

							wx.setStorageSync('wxapp_config', config);
							if (oldAreaId != data.top_area_id) {
								console.log('请求页面数据22222222222')
								getHomeInfo();

								//重载猜你喜欢
								_this.showLikeBox = false
								_this.$nextTick(() => (_this.showLikeBox = true))
							}

						}
					);
				}
				common.location_report(res.lng, res.lat, map_type);
			} else {
				_this.locationInfo = {
					lng: 0,
					lat: 0
				}
			}

		}, _this, map_type);
	};

	// 微信h5分享
	const setWxShare = () => {
		let data = _this.homeData.share_data
		let pageLink = `${common.requestDomain}packapp/${common.wxapp_type}/`;
		if (_this.showBackIcon) {
			pageLink = `${common.requestDomain}packapp/${common.wxapp_type}/pages/nofooter/index`
		}
		pageLink = common.addShareParam(pageLink)
		let shareWxLink = pageLink;
		var shareData = {
			title: data.h5_title,
			desc: data.h5_content,
			sendFriendLink: shareWxLink,
			share_img: data.h5_img
		};
		console.log('设置微信分享', shareData)
		common.setWxShare(shareData);
	};
</script>
<style>
	@import '../plat_menu/index.css';
	
	.hotpack-enter-active, .hotpack-leave-active {
	  transition: .3s;
	}
	.hotpack-enter, .hotpack-leave-to {
	  transform: scale(0);
	  opacity: 0;
	}

	.m-home-discount {
		position: fixed;
		right: 0;
		bottom: 252upx;
		width: 80upx;
		height: 86upx;
		box-sizing: border-box;
		border: 5px solid #f1b568;
		border-right: none;
		border-radius: 86upx 0 0 86upx;
		background-color: rgba(0, 0, 0, 0.82);
		background-image: url('');
		background-position: 8upx center;
		background-size: 48upx;
		background-repeat: no-repeat;
		z-index: 999999999999;
	}
</style>
